<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>这是第一个页面内容</title>
</head>
<body>
    <!--css 层叠样式表，用来网页布局和美化
    在页面中使用css有3中样式：
    1.行内样式  是将css设置放在 元素标签内部进行美化，通过指定元素标签的style属性进行设置
    style属性的值是一个字符串，字符串中的内容就是对当前指定元素的样式设置
    内容格式：key：value；key1：value1   key，key1表示要设置元素样式的属性，属性就是外观
    2.业内样式

    -->
    <div style="font-size: 40px;color: aqua;background-color:black;width: 400px;height: 200px">这是容器标签用来包裹其他内容，也叫超级标签</div>
    <p style="font-size: 20px;background-color:palevioletred;">这是一个段落标签</p>
    <span>这是一个文本标签</span>
    <b>这是一个粗体</b>
    <a href="http://www.baidu.com" style="width: 400px;height: 300px;background-color:khaki;">百度一下</a>
</body>
</html>